<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>个人中心</title>
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/form.css">
</head>

<body>
  <header class="header container">
    <h1>个人中心</h1>
    <nav>
      <p>
        <a href="./rpwd.html">修改密码</a>
        <a href="./index.html">回到首页</a>
      </p>
    </nav>
  </header>

  <main>
    <form id="profileForm">
      <div class="form-group">
        <label for="username">用户名：</label>
        <input type="text" id="username" class="username" disabled>
      </div>

      <div class="form-group">
        <label for="age">年龄：</label>
        <input type="text" id="age" class="age" required>
      </div>

      <div class="form-group">
        <label for="gender">性别：</label>
        <select id="gender" class='gender' required>
          <option value="">请选择</option>
          <option value="男">男</option>
          <option value="女">女</option>
        </select>
      </div>

      <div class="form-group">
        <label for="nickname">昵称：</label>
        <input type="text" id="nickname" class="nickname" required>
      </div>

      <button type="submit">确认修改</button>
    </form>
  </main>

  <script src="../js/self.js" type="module"></script>
</body>

</html>
